
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>111111</title>
    <style>
* {font-size: 16px;margin:0;padding:0;}
#container{background:#4c3355;width:100%;height:700px;}
#header{background:#449eff;width:100%;height:150px;}
#logo{background:#ff55cf;width:100%;height:100px;}
#nav{background:#99ffe7;width:100%;height:50px;}
#main{background:#dd5533;width:100%;height:500px;overflow:hidden;/*清除浮动*/}
#left{background:#5833fb;width:33%;height:100%;float:left;}
#left_up_1{background:#dd99a7;width:100%;height:125px;}
#left_up_2{background:#ccaaaa;width:100%;height:125px;}
#left_down_1{background:#ddbbda;width:100%;height:125px;}
#left_down_2{background:#eecccc;width:100%;height:125px;}
#center{background:#fb8888;width:34%;height:100%;float:left;}
#center_up{background:#6e66ff;width:100%;height:200px;}
#center_down{background:#c122dd;width:100%;height:300px;}
#right{background:#e9fbdd;width:33%;height:100%;float:left;}
#right_up{background:#fb5555;width:100%;height:150px;}
#right_down{background:#773433;width:100%;height:350px;}
#footer{background:#11b8dd;width:100%;height:50px;}
    </style>
</head>
<body>
    <div id="container" class="">
        <div id="header" class=""> 
            <div id="logo" class="">logo</div>
            <div id="nav" class="">nav</div>
        </div>
        <div id="main" class="">
            <div id="left" class="">
                <div id="left_up_1" class="">left_up_1</div>
                <div id="left_up_2" class="">left_up_2</div>
                <div id="left_down_1" class=""></div>
                <div id="left_down_2" class=""></div>
            </div>
            <div id="center" class="">
                <div id="center_up" class=""></div>
                <div id="center_down" class=""></div>
            </div>
            <div id="right" class="">
                <div id="right_up" class=""></div>
                <div id="right_down" class=""></div>
            </div>
        </div>
        <div id="footer" class="">footer</div>
    </div>
</body>
</html>